@charset "utf-8";
/**
 * Name:Global style
 * Include:reset, clearfix, html5, comman styles
 * Author:kily
 * Ref:YUI reset
 **/

/** reset **/
html, legend { color:#000; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
img { border:0; vertical-align:top; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; outline:none; }
em { font-style:normal; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; }

/** clearfix **/
.clb { clear:both; }
.cll { clear:left; }
.clr { clear:right; }
.clearfix:after { visibility:hidden; font-size:0.1em; display:block; line-height:0; height:0.1px; content:" "; clear:both; }
* html .clearfix { height:1%; }

/** html5 **/
section, article, aside, header, footer, nav, dialog, figure { display:block; }

/** comman **/

/* text */
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }

.fwb { font-weight:bold }
.fwn { font-weight:normal; }
.fsi { font-style:italic; }
.fsn { font-style:normal; }

.ti2 { text-indent:2em; }
.lh150 { line-height:150%; }
.lh180 { line-height:180%; }
.lh200 { line-height:200%; }

.tdu { text-decoration:underline; }
.tdn { text-decoration:none; }

.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.vm { vertical-align:middle; }

/* position */
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.pr { position:relative; }
.pa { position:absolute; }
.center { margin-left:auto; margin-right:auto; }

/* display */
.hidden { visibility:hidden; }
.none { display:none; }

/* boxModel */
.w10 { width:10px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w700 { width:700px; }
.w800 { width:800px; }
.w900 { width:900px; }
.w960 { width:960px; }
.w1000 { width:1000px; }

.mt5 { margin-top:5px; }
.pt5 { padding-top:5px; }
.mr5 { margin-right:5px; }
.pr5 { padding-right:5px; }
.mb5 { margin-bottom:5px; }
.pb5 { padding-bottom:5px; }
.ml5 { margin-left:5px; }
.pl5 { padding-left:5px; }

.mt10 { margin-top:10px; }
.pt10 { padding-top:10px; }
.mr10 { margin-right:10px; }
.pr10 { padding-right:10px; }
.mb10 { margin-bottom:10px; }
.pb10 { padding-bottom:10px; }
.ml10 { margin-left:10px; }
.pl10 { padding-left:10px; }

.mt15 { margin-top:15px; }
.pt15 { padding-top:15px; }
.mr15 { margin-right:15px; }
.pr15 { padding-right:15px; }
.mb15 { margin-bottom:15px; }
.pb15 { padding-bottom:15px; }
.ml15 { margin-left:15px; }
.pl15 { padding-left:15px; }

.mt20 { margin-top:20px; }
.pt20 { padding-top:20px; }
.mr20 { margin-right:20px; }
.pr20 { padding-right:20px; }
.mb20 { margin-bottom:20px; }
.pb20 { padding-bottom:20px; }
.ml20 { margin-left:20px; }
.pl20 { padding-left:20px; }

.mt25 { margin-top:25px; }
.pt25 { padding-top:25px; }
.mr25 { margin-right:25px; }
.pr25 { padding-right:25px; }
.mb25 { margin-bottom:25px; }
.pb25 { padding-bottom:25px; }
.ml25 { margin-left:25px; }
.pl25 { padding-left:25px; }

.mt30 { margin-top:30px; }
.pt30 { padding-top:30px; }
.mr30 { margin-right:30px; }
.pr30 { padding-right:30px; }
.mb30 { margin-bottom:30px; }
.pb30 { padding-bottom:30px; }
.ml30 { margin-left:30px; }
.pl30 { padding-left:30px; }

.mt35 { margin-top:35px; }
.pt35 { padding-top:35px; }
.mr35 { margin-right:35px; }
.pr35 { padding-right:35px; }
.mb35 { margin-bottom:35px; }
.pb35 { padding-bottom:35px; }
.ml35 { margin-left:35px; }
.pl35 { padding-left:35px; }

.mt40 { margin-top:40px; }
.pt40 { padding-top:40px; }
.mr40 { margin-right:40px; }
.pr40 { padding-right:40px; }
.mb40 { margin-bottom:40px; }
.pb40 { padding-bottom:40px; }
.ml40 { margin-left:40px; }
.pl40 { padding-left:40px; }

.mt45 { margin-top:45px; }
.pt45 { padding-top:45px; }
.mr45 { margin-right:45px; }
.pr45 { padding-right:45px; }
.mb45 { margin-bottom:45px; }
.pb45 { padding-bottom:45px; }
.ml45 { margin-left:45px; }
.pl45 { padding-left:45px; }

.mt50 { margin-top:50px; }
.pt50 { padding-top:50px; }
.mr50 { margin-right:50px; }
.pr50 { padding-right:50px; }
.mb50 { margin-bottom:50px; }
.pb50 { padding-bottom:50px; }
.ml50 { margin-left:50px; }
.pl50 { padding-left:50px; }

.mt100 { margin-top:100px; }
.pt100 { padding-top:100px; }
.mr100 { margin-right:100px; }
.pr100 { padding-right:100px; }
.mb100 { margin-bottom:100px; }
.pb100 { padding-bottom:100px; }
.ml100 { margin-left:100px; }
.pl100 { padding-left:100px; }
